<template>
 <div>
  御剑乘风来,除魔天地间!===封装组件==APP
  <NavBar 
  bg="pink" 
  backTex="返回111" 
  :centerTex="centerTex"
  :rightTex="rightTex"
  :flag="flag"
  @rightH="rightH"></NavBar>
  <hr>

  <NavBar 
  bg="pink" 
  backTex="返回222" 
  :centerTex="centerTex"
  :rightTex="rightTex"
  :flag="flag"
  @rightH="rightH1"></NavBar>
  <hr>

  <NavBar 
  bg="pink" 
  backTex="返回333" 
  :centerTex="centerTex"
  :rightTex="rightTex"
  :flag="false"
  @rightH="rightH"></NavBar>
  <hr>
 </div>
</template>
<script>
export default{
    name:'',
    data () {
        return {
          centerTex:'首页',
          rightTex:'分享111',
          flag:true
            
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
      rightH(){
        console.log(111);
      },
      rightH1(){
        console.log(222);
      }
    }
}
</script>
<style lang='less'  scoped>
    
</style>
